.container {
  padding: 0 24px 50px;
  .panel {
    background: linear-gradient(to right, #034ed4, #4185f3);
    border-radius: 12px;
    padding: 32px;
    box-sizing: border-box;
    color: #fff;
    .up-view {
      display: flex;
      justify-content: space-between;
      .up-left {
        .open-picker {
          display: flex;
          align-items: center;
          font-size: 28px;
          font-weight: 400;
          color: #ceddf7;
          margin-bottom: 30px;
          .icon {
            margin-left: 8px;
          }
        }
        .balance {
          font-size: 48px;
          font-weight: 400;
          color: #fff;
          line-height: 1;
          display: flex;
          align-items: flex-end;
          .sub {
            font-size: 28px;
            color: #fff;
            margin-left: 8px;
            position: relative;
            top: -4px;
          }
        }
      }
      .up-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .btn {
          height: 40px;
          background: #fff;
          border-radius: 20px;
          text-align: center;
          color: #0762ff;
          font-size: 24px;
          padding: 0 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 1;
        }
      }
    }
    .line {
      height: 2px;
      width: 100%;
      background-color: #fff;
      margin: 30px 0;
    }
    .number-view {
      display: flex;
      justify-content: space-between;
      .number-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        .number-item-label {
          font-size: 24px;
          font-weight: 400;
          color: #ceddf7;
          margin-bottom: 20px;
        }
        .number-item-value {
          font-size: 32px;
          color: #fff;
          display: flex;
          align-items: flex-end;
          .sub {
            position: relative;
            top: -4px;
            font-size: 20px;
            margin-left: 6px;
          }
        }
      }
    }
  }
  .main {
    .tab-main {
      width: 100%;
      min-height: 800px;
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      margin-top: 10px;
      box-sizing: border-box;
      padding: 30px;
    }
  }
}
